<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>名鞋库</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="top">
	<div class="margin">
    	<a href="#" class="te">欢迎登录名鞋库</a>
        <a href="#" class="te">免费注册</a>
        <span>|</span>
        <a href="#">我的名鞋库</a>
        <i class="xiajiantou bg"></i>
        <span>|</span>
        <i class="phone bg"></i>
        <a href="#">手机名鞋库</a>
        <i class="xiajiantou bg"></i>
        <span>|</span>
        <a href="#">收藏名鞋库</a>
        <span>|</span>
        <i class="qq bg"></i>
        <a href="#">名鞋库客服</a>
        <span>|</span>
        <i class="dianhua bg"></i>
        <span class="sp1">|</span>
    </div>
</div>

<div id="header">
	<a href="#" class="logo bg"></a>
    <a href="#" class="shop bg">购物车<span>0</span>件</a>
    <div class="c">
    	<div class="search">
        <input type="text" class="text" value="朗蒂维"/>
        <input type="button" class="btn" value="搜索"/>
        </div>
        <div class="hot">
            <span>热搜：</span>
            <a href="#">耐克</a>
            <a href="#">阿迪</a>
            <a href="#">新品</a>
            <a href="#">帆布鞋</a>
            <a href="#">跑步鞋</a>
            <a href="#">篮球鞋</a>
            <a href="#">外套</a>
        </div>
    </div>
</div>

<div id="nav">
	<div class="margin">
    	<div class="item">
        	<p>所有商品分类</p>
            <ul>
            	<li><i class="i1"></i><a href="">运动休闲鞋</a></li>
                <li><i class="i2"></i><a href="">运动休闲服</a></li>
                <li><i class="i3"></i><a href="">跑步</a></li>
                <li><i class="i4"></i><a href="">篮球</a></li>
                <li><i class="i5"></i><a href="">足球</a></li>
                <li><i class="i6"></i><a href="">包包/配件</a></li>
                <li><i class="i7"></i><a href="">户外</a></li>
                <li><i class="i8"></i><a href="">男鞋/女鞋</a></li>
                <li><i class="i9"></i><a href="">童鞋</a></li>
            </ul>
        </div>
        <ul class="c">
        	<li><a href="#">首页</a></li>
            <li><a href="#">运动休闲</a></li>
            <li><a href="#">跑步</a></li>
            <li><a href="#">篮球</a></li>
            <li><a href="#">足球</a></li>
            <li><a href="#">户外</a></li>
            <li><a href="#">配件</a></li>
            <li><a href="#">男鞋</a></li>
            <li class="te"><a href="#">童鞋</a></li>
        </ul>
        <div class="r">
        	<a href="#">上新区</a>
            <span>|</span>
            <a href="#">即将售罄<i></i></a>
            <span>|</span>
            <a href="#" class="te">逢八必杀</a>
            <span>|</span>
        </div>
    </div>
</div>

<div id="banner"></div>

<div id="main">
    <div class="margin">
    	<div class="f1">
            <b>运动/户外</b>
            <span>儿童</span>
        </div>
        <div class="f2">
        	<ul class="f2-l">
            	<li><a href="#" class="a1"></a></li>
                <li><a href="#" class="a2"></a></li>
                <li><a href="#" class="a3"></a></li>
                <li><a href="#" class="a4"></a></li>
                <li><a href="#" class="a5"></a></li>
                <li><a href="#" class="a6"></a></li>
                <li class="you"><a href="#" class="a7"></a></li>
                <li><a href="#" class="a8"></a></li>
                <li><a href="#" class="a9"></a></li>
                <li><a href="#" class="a10"></a></li>
                <li><a href="#" class="a11"></a></li>
                <li><a href="#" class="a12"></a></li>
                <li><a href="#" class="a13"><i></i></a></li>
                <li class="you"><a href="#" class="a14"></a></li>
                <li class="xia"><a href="#" class="a15"></a></li>
                <li class="xia"><a href="#" class="a16"></a></li>
                <li class="xia"><a href="#" class="a17"></a></li>
                <li class="xia"><a href="#" class="a18"></a></li>
                <li class="xia"><a href="#" class="a19"></a></li>
                <li class="xia"><a href="#" class="a20"></a></li>
                <li class="lia"><a href="#" class="a21"></a></li>
            </ul>
            <div class="f2-r">
            	<ul>
                	<li>
                    	<img src="images/dian.png"/>
                        <a href="#">型男+锐步复古鞋吸睛穿搭</a>
                    </li>
                    <li>
                    	<img src="images/dian.png"/>
                        <a href="#">看！全球最火的10大运动鞋</a>
                    </li>
                    <li>
                    	<img src="images/dian.png"/>
                        <a href="#">Nana惊艳示范斯凯奇熊猫鞋</a>
                    </li>
                </ul>
                <img class="new" src="images/1.png"/>
                <a href="#" class="nb"><img src="images/nb.png"/></a>
            </div>
        </div>
        <div class="f3">
        	<ul>
            	<li class="te">
                	<a href="#"><img src="images/f3-1.png"/></a>
                    <b>金秋时尚</b>
                    <span>满100立减20</span>
                </li>
                <li class="te1">
                	<a href="#"><img src="images/f3-2.png"/></a>
                    <b>尖端抢鲜 炫色酷跑</b>
                    <span>满500减100 满1000减200</span>
                </li>
                <li class="te2">
                	<a href="#"><img src="images/f3-3.png"/></a>
                    <b>锐步复古经典</b>
                    <span>低至3.5折</span>
                </li>
                <li>
                	<a href="#"><img src="images/f3-4.png"/></a>
                    <b>安踏79元起</b>
                    <span>狂欢不止 劲爆来袭</span>
                </li>
                <li>
                	<a href="#"><img src="images/f3-5.png"/></a>
                    <b>潮鞋王朝 随新所欲</b>
                    <span>满300减50 满500减100</span>
                </li>
            </ul>
        </div>
        <div class="f4">
        	<div class="l">
            	<img src="images/f4-0.png"/>
                <ul class="u1">
                	<li class="valign"><img src="images/f4-1.png"/></li>
                    <li class="valign te"><img src="images/f4-2.png"/></li>
                    <li class="valign"><img src="images/f4-3.png"/></li>
                    <li class="valign te"><img src="images/f4-4.png"/></li>
                    <li class="valign"><img src="images/f4-5.png"/></li>
                    <li class="valign te"><img src="images/f4-6.png"/></li>
                    <li class="valign"><img src="images/f4-7.png"/></li>
                    <li class="valign te"><img src="images/f4-8.png"/></li>
                    <li class="valign"><img src="images/f4-9.png"/></li>
                    <li class="valign te"><img src="images/f4-10.png"/></li>
                </ul>
                <ul class="u2">
                	<li><a href="#">休闲鞋</a></li>
                    <li><a href="#">开拓者</a></li>
                    <li><a href="#">板鞋</a></li>
                    <li><a href="#">ZX系列</a></li>
                    <li><a href="#">帆布鞋</a></li>
                    <li><a href="#">puma休闲鞋</a></li>
                    <li><a href="#">NB复古鞋</a></li>
                    <li><a href="#">Air max</a></li>
                    <li><a href="#">开口笑</a></li>
                    <li><a href="#">明星同款</a></li>
                </ul>
            </div>
            <a href="#" class="c"><img src="images/f4-11.jpg"/></a>
            <div class="r">
            	<ul>
                	<li><a href="#"><img src="images/f4-12.jpg"/></a></li>
                    <li><a href="#"><img src="images/f4-13.jpg"/></a></li>
                    <li><a href="#"><img src="images/f4-14.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/f4-15.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/f4-16.jpg"/></a></li>
                    <li class="te"><a href="#"><img src="images/f4-17.jpg"/></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div id="footer">
	<div class="t">
    	<div class="margin">
        	<div class="l">
            	<div class="l-t">
                	<img src="images/footer-1.png"/><b>客服热线</b><span>(免长途费)</span>
                    <i>400 116 2228</i>
                    <p>客服时间:9:00-24:00</p>
                    <p>周日/假日:10:00-24:00</p>
                </div>
                <div class="l-b">
                	<a href="#"><img src="images/footer-2.png"/>手机名鞋库</a>
                    <a href="#"><img src="images/footer-3.png"/>官方微信</a>
                </div>
            </div>
            <div class="r">
            	<ul>
                	<li>
                    	<img src="images/footer-4.png"/>
                        <p>支付方式</p>
                        <a href="#">在线支付</a>
                        <a href="#">货到付款</a>
                        <a href="#">发票说明</a>
                    </li>
                    <li>
                    	<img src="images/footer-5.png"/>
                        <p>售后服务保障</p>
                        <a href="#">退换货说明</a>
                        <a href="#">服务承诺</a>
                    </li>
                    <li>
                    	<img src="images/footer-6.png"/>
                        <p>物流配送</p>
                        <a href="#">合作快递</a>
                        <a href="#">运费说明</a>
                        <a href="#">配送时间</a>
                    </li>
                    <li>
                    	<img src="images/footer-7.png"/>
                        <p>会员服务</p>
                        <a href="#">级别和特权</a>
                        <a href="#">积分政策</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>
</html>
